<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>
	<title>Merchant</title>
	<meta content="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

	<!-- <script src="./js/jquery-3.2.1.min.js"></script> -->
	<!-- <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.js" type="text/javasccript"></script> -->
	<!-- <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.css" rel="stylesheet"/> -->

	<!-- <link href="./css/bootstrap.css" rel="stylesheet" type="text/css" media="all" /> -->
	<link rel="stylesheet" type="text/css" href="http://www.jq22.com/jquery/bootstrap-3.3.4.css">
	<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
	<script src="./js/jquery.min.js"></script>
	<script src="./js/bootstrap.js"></script>

	<link href="./css/shopcart.css" rel="stylesheet">
	<script src="./js/shopcart.js"></script>
	<link href="./css/menu.css" rel="stylesheet" />
	<script src="./js/menu.js" type="text/javascript"></script>

</head>
<script type="text/javascript">
	window.config = {
		serverHost: 'http://10.222.29.198:8080/amc-c',
		// serverHost: 'http://localhost:8080/amc-c'
	}

</script>

<body>
	<div class="banner1">
		<div class="container">
			<div class="header-nav">
				<nav class="navbar navbar-default">
					<div class="navbar-header">
						<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
					</button>
						<div class="logo">
							<a class="navbar-brand" href="#">Platform</a>
						</div>
					</div>

					<div class="collapse navbar-collapse nav-wil">
						<ul class="nav navbar-nav pull-right">
							<li style="margin-right: 20px;"><a href="index.html">Home</a></li>
							<li style="margin-right: 20px;" class="active"><a href="menu.html">Menu</a></li>
							<li><a href="./personal.html">Personal</a></li>
						</ul>
					</div>
				</nav>
			</div>

			<div class="row clearfix">
				<div class="col-md-6 column col-md-offset-3">
					<div class="carousel slide" id="carousel-688582">
						<ol class="carousel-indicators">
							<li class="active" data-slide-to="0" data-target="#carousel-688582">
							</li>
							<li data-slide-to="1" data-target="#carousel-688582">
							</li>
							<li data-slide-to="2" data-target="#carousel-688582">
							</li>
						</ol>
						<div class="carousel-inner" id="slide">
							<!-- <div class="item active" style="margin-left: 14%;">
								<img alt="" src="./images/2.jpg" />
							</div> -->
						</div> <a class="left carousel-control" style=" background-image: none; text-shadow: none;" href="#carousel-688582" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a>
						<a class="right carousel-control" style=" background-image: none; text-shadow: none;" href="#carousel-688582" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>
					</div>
				</div>
			</div>

			<div class="row">
				<div class="col-md-3 search pull-right" style="padding-top: 20px; padding-bottom: 20px;">
					<div class="input-group">
						<input type="text" id="searchContent" class="form-control" placeholder="Search for..."> <span class="input-group-btn">
							<button class="btn btn-default" id="searchBtn" type="button">Go!</button>
						</span>
					</div>
				</div>
			</div>

		</div>
	</div>

	<div class="services">
		<div class="container">
			<div class="services-overview">
				<h3>Merchant View</h3>
				<select class="pull-right form-control" onchange="classify(this)" id="classifyBtn" style="width: 23%;"></select>
				<div class="clearfix"></div>
				<div id="content"></div>
			</div>
		</div>
	</div>

	<div id="shopcart" class="shop-cart-isolate-scope"></div>
</body>

</html>